﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="../../assets/ico/favicon.png" />
    <script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
    <script src="../content/js/sampleValidate.js" type="text/javascript"></script>
    <link href="../content/css/default.css" rel="stylesheet" type="text/css" />
    <link href="../content/css/component.css" rel="stylesheet" type="text/css" />
    <script src="../content/js/modernizr.custom.js" type="text/javascript"></script>
    <title>Home</title>
    <!-- Bootstrap core CSS -->
    <link href="../content/css/bootstrapv3.css" rel="stylesheet" />
    <!-- Custom styles -->
    <link href="../content/css/pls.css" rel="stylesheet" />
    <link href="../content/css/seat.css" rel="stylesheet" />
    <link href="../content/css/dashboardStyles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
                <a class="navbar-brand" href="#"></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <img src="../content/img/smalllogo.png" /></li>
                    <li><a href="Home.html">HOME</a></li>
                    <li><a href="seatManager.html">SEAT MANAGER</a></li>
                    <li class="dropdown"><a href="" style="background-color: #476079;" class="dropdown-toggle"
                        data-toggle="dropdown">REQUEST MANAGER <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="ManageMovementManager.html" target="_blank">Create New Request</a></li>
                            <li><a href="RequestManager.html">Monitoring</a></li>
                        </ul>
                    </li>
                    <li><a href="Report.html">REPORTS</a></li>
                </ul>
                <div class="searchBar navbar-right">
                    <div class="input-group">
                        <input type="text" class="form-control" />
                        <span class="input-group-btn">
                            <button id="searchBtn" class="btn btn-default" type="button">
                                Go!</button>
                        </span><span class="logout">Logout</span>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- /.col-lg-6 -->
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
    <div class="content">
        <div class="container" id="searchResultsContainer">
            <div class="row" id="resultsRow">
                <div id="closeSearchBtn">
                    CLOSE SEARCH</div>
                <div id="resultsBox">
                    <p>
                        Results for: "Stone"</p>
                    <div class="result">
                        <span>Kamote Stone</span></div>
                    <div class="result">
                        <span>Haduken Stone</span></div>
                    <div class="result">
                        <span>Stone Stone</span></div>
                    <div class="result">
                        <span>Gardo Stone</span></div>
                </div>
                <div id="personalInfoContainer">
                    <div id="pictureBox">
                        <img src="../content/img/emmastone.png" style="height: 100px; width: 100px;" />
                    </div>
                    <div id="infoBox">
                        <span>Name: Emma Stone </span>
                        <br />
                        <span>Seat: PIC312412</span>
                    </div>
                </div>
            </div>
            <div class="row" id="mapRow">
                <div id="unzoom">
                    FULL VIEW
                </div>
                <div id="searchMap">
                    <!----------START QUADRANT----------->
                    <div class="quadrant ">
                        <div class="businessCenter3">
                            Business Center 3</div>
                        <div class="bigPantry">
                            <span class="rotate90">Pantry 1 ("Big Pantry")</span></div>
                        <!-----FIRST COLUMN----------------->
                        <div class="seatColumn" data-column="1">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Haduken Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Kamote Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-4</div>
                                <div class="resource">
                                    Theon Greyjoy</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END first column--->
                        <div class="seatColumn" data-column="2">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                        </div>
                        <!---END 2nd column--->
                        <div class="emptyColumn">
                        </div>
                        <div class="seatColumn" data-column="3">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat post">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Jaime Lannister</div>
                            </div>
                        </div>
                        <!---END 3rd column--->
                        <div class="seatColumn" data-column="4">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                        </div>
                        <!---END 4th column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="5">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-4</div>
                                <div class="resource">
                                    Theon Greyjoy</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="6">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="7">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat post">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="8">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="9">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-4</div>
                                <div class="resource">
                                    Theon Greyjoy</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="10">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="11">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat post">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="12">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat post">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Stone Stone</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="13">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-4</div>
                                <div class="resource">
                                    Theon Greyjoy</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="14">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-4</div>
                                <div class="resource">
                                    Edd Stark</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="emptyColumn">
                        </div>
                        <!-----START COLUMN----------------->
                        <div class="seatColumn" data-column="15">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD1-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD1-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD1-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD1-4</div>
                                <div class="resource">
                                    Theon Greyjoy</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD1-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD1-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="7">
                                <div class="seatCode">
                                    PIC3FD1-7</div>
                                <div class="resource">
                                    Robb Stark</div>
                            </div>
                            <!-----PM CUBE------->
                            <div class="pmCube">
                                <div class="pmResource">
                                    Edd Stark</div>
                            </div>
                        </div>
                        <!---END  column--->
                        <div class="seatColumn" data-column="16">
                            <div class="seat" data-seat="1">
                                <div class="seatCode">
                                    PIC3FD2-1</div>
                                <div class="resource">
                                    Tiburcio Stone</div>
                            </div>
                            <div class="seat" data-seat="2">
                                <div class="seatCode">
                                    PIC3FD2-2</div>
                                <div class="resource">
                                    Emma Stone</div>
                            </div>
                            <div class="seat" data-seat="3">
                                <div class="seatCode">
                                    PIC3FD2-3</div>
                                <div class="resource">
                                    TonTon Stone</div>
                            </div>
                            <div class="alley">
                            </div>
                            <!----alley------->
                            <div class="seat post">
                            </div>
                            <div class="seat" data-seat="4">
                                <div class="seatCode">
                                    PIC3FD2-5</div>
                                <div class="resource">
                                    Jon Snow</div>
                            </div>
                            <div class="seat" data-seat="5">
                                <div class="seatCode">
                                    PIC3FD2-6</div>
                                <div class="resource">
                                    Tyrion Lannister</div>
                            </div>
                            <div class="seat" data-seat="6">
                                <div class="seatCode">
                                    PIC3FD2-7</div>
                                <div class="resource">
                                    Gardo Stone</div>
                            </div>
                        </div>
                        <!---END  column--->
                    </div>
                    <!----END QUADRANT---------->
                </div>
            </div>
            <!-- /mapRow -->
        </div>
        <!-- /container -->
        <div id="dashboard">
            <div class="row rowForBoxes">
                <!--<div class="col-md-3  rBoxes bread">
                    Dashboard
                </div>
                <div class="col-md-2  quadrantBoxes">
                    PIC 3F
                </div>
                <div class="col-md-2  quadrantBoxes">
                    PIC 4F
                </div>
                <div class="col-md-2  quadrantBoxes">
                    PTC 12F
                </div> 
                <div class="col-md-2  quadrantBoxes" style="background-color:#e04e39;">
                  CREATE NEW REQUEST
                </div>-->
            </div>
            <div class="row profile">
                <div class="col-md-3  rBoxes  ">
                    Hello, Edu!
                </div>
                <div class="col-md-3  rBoxes  ">
                    CREATE NEW REQUEST
                </div>
            </div>
            <div class="row tkt">
                <div class="col-lg-3  rBoxes">
                    Ticket Requests
                    <div class="number">
                        57
                    </div>
                </div>
                <div class="col-lg-2  rBoxes md-trigger md-setperspective" data-modal="modal-5">
                    Overdue
                    <div class="number">
                        1</div>
                </div>
                <div class="col-lg-2  rBoxes md-trigger md-setperspective" data-modal="modal-3">
                    New<div class="number">
                        18</div>
                </div>
                <div class="col-lg-2 rBoxes">
                    Ongoing<div class="number">
                        8</div>
                </div>
                <div class="col-lg-2  rBoxes">
                    Closed
                    <div class="number">
                        30</div>
                </div>
            </div>
            <div class="row transfer">
                <div class="col-lg-3  rBoxes ">
                    Transfer Status
                    <div class="number">
                        57
                    </div>
                </div>
                <div class="col-lg-2  rBoxes">
                    Workstations
                    <div class="number">
                        18</div>
                </div>
                <div class="col-lg-2  rBoxes">
                    Ongoing<div class="number">
                        18</div>
                </div>
                <div class="col-lg-2 rBoxes">
                    Completed<div class="number">
                        8</div>
                </div>
                <div class="col-lg-2  rBoxes">
                    Exception
                    <div class="number">
                        30</div>
                </div>
                <div class="clearfix">
                </div>
                <div class="row">
                </div>
            </div>
            <div class="row phones">
                <div class="col-lg-2   rBoxes">
                    Phones
                    <div class="number">
                        20</div>
                </div>
                <div class="col-lg-2  rBoxes">
                    Ongoing<div class="number">
                        10</div>
                </div>
                <div class="col-lg-2 rBoxes">
                    Completed<div class="number">
                        8</div>
                </div>
                <div class="col-lg-2  rBoxes md-trigger md-setperspective" data-modal="modal-3">
                    Exception
                    <div class="number">
                        2</div>
                </div>
                <div class="col-lg-3  rBoxes inbox md-trigger md-setperspective" data-modal="modal-2">
                    Inbox<div class="number inbox">
                        101</div>
                </div>
            </div>
            <div class="md-modal md-effect-2" id="modal-3">
                <div class="md-content">
                    <h3>
                        New Request</h3>
                    <div>
                        <p>
                            You have 2 unread messages:</p>
                        <ul>
                            <li><strong>Transfer Request:</strong> Hi! Please be reminded of quadrant to be transferred
                                to C.</li>
                            <li><strong>Update for Workstation:</strong> Hi! Please be reminded of quadrant to be
                                transferred to C.</li>
                            <li><strong>Area for Migration</strong> Hi! Please be reminded of quadrant to be transferred
                                to C</li>
                        </ul>
                        <button class="md-close">
                            Close</button>
                    </div>
                </div>
            </div>
            <div class="md-modal md-effect-2" id="modal-5">
                <div class="md-content">
                    <h3>
                        Overdue Request</h3>
                    <div>
                        <p>
                            You have 2 unread messages:</p>
                        <ul>
                            <li><strong>Transfer Request:</strong> Hi! Please be reminded of quadrant to be transferred
                                to C.</li>
                            <li><strong>Update for Workstation:</strong> Hi! Please be reminded of quadrant to be
                                transferred to C.</li>
                            <li><strong>Area for Migration</strong> Hi! Please be reminded of quadrant to be transferred
                                to C</li>
                        </ul>
                        <button class="md-close">
                            Close</button>
                    </div>
                </div>
            </div>
            <div class="md-modal md-effect-2" id="modal-3">
                <div class="md-content">
                    <h3>
                        Phone Exception</h3>
                    <div>
                        <p>
                            You have 2 unread messages:</p>
                        <ul>
                            <li><strong>Transfer Request:</strong> Hi! Please be reminded of quadrant to be transferred
                                to C.</li>
                            <li><strong>Update for Workstation:</strong> Hi! Please be reminded of quadrant to be
                                transferred to C.</li>
                            <li><strong>Area for Migration</strong> Hi! Please be reminded of quadrant to be transferred
                                to C</li>
                        </ul>
                        <button class="md-close">
                            Close</button>
                    </div>
                </div>
            </div>
            <div class="md-modal md-effect-2" id="modal-2">
                <div class="md-content">
                    <h3>
                        Inbox</h3>
                    <div>
                        <p>
                            You have 2 unread messages:</p>
                        <ul>
                            <li><strong>Transfer Request:</strong> Hi! Please be reminded of quadrant to be transferred
                                to C.</li>
                            <li><strong>Update for Workstation:</strong> Hi! Please be reminded of quadrant to be
                                transferred to C.</li>
                            <li><strong>Area for Migration</strong> Hi! Please be reminded of quadrant to be transferred
                                to C</li>
                        </ul>
                        <button class="md-close">
                            Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../content/js/jquery.zoomooz.min.js" type="text/javascript"></script>
    <script src="../content/js/bootstrapv3.min.js" type="text/javascript"></script>
    <script src="../content/js/dragscrollable.js" type="text/javascript"></script>
    <script src="../content/js/jquery.kinetic.js" type="text/javascript"></script>
    <script src="../content/js/search.js" type="text/javascript"></script>
    <script src="../content/js/classie.js" type="text/javascript"></script>
    <script src="../content/js/modalEffects.js" type="text/javascript"></script>
</body>
</html>
